<template>
    <div class="info">
      <swiperComponent :func="infoMain"></swiperComponent>
      <div class="main-info">
       <div class="info-header">
           <h1>小米play</h1>
           <div class="header-top">
              <span>内置每月10GB高速流量 / 高颜值流光渐变色 / 5.84"小水滴全面屏 / 后置1200万 AI 双摄 / 八核高性能处理器</span>
              小屏高性能的双摄手机 / 后置1200万 AI双摄 / 12nm八核处理器 / AI 人脸解锁
           </div>
           <div class="price">
               <em>
                   ￥1999
               </em>
              <span> ￥2999</span>
           </div>
        </div>
          <div class="info-body">
                  <div class="body-server"><div>服务</div><div>15天退货，运险费，公益宝贝</div></div>
                  <div class="body-server"><div>规格</div><div>品牌apple型，新货值得信赖。</div></div> 
          </div> 
         <div class="info-address"></div> 
        <div class="info-introduce"></div>

      </div> 
      <div class="cart-list-content">
         <yd-tabbar-item title="首页" link="/" class="item-icon">
            <yd-icon name="home-outline" slot="icon" size="0.54rem"></yd-icon>
        </yd-tabbar-item>
         <yd-tabbar-item title="购物车" link="/" class="item-icon">
            <yd-icon name="shopcart-outline" slot="icon" size="0.54rem"></yd-icon>
        </yd-tabbar-item>
        <div class="item-button">
            <yd-button class="addCart" size="small" type="primary" bgcolor="#ff6700" color="#fff" shape="circle">加入购物车</yd-button>
        </div>
         
      </div>
    </div>
</template>
<script>
import swiperComponent from '../pulic/swiper.vue'
export default {
    data(){
        return{
           infoMain:[
               {id:"1",url:"http://i8.mifile.cn/a1/pms_1545457703.64749182.png"},
               {id:"2",url:"http://i8.mifile.cn/a1/pms_1545457703.71734471.png"},
               {id:"3",url:"http://i8.mifile.cn/a1/pms_1545457703.64749182.png"}
           ]
        }
    },
    beforeRouteEnter (to, from, next) {
        next(vm =>{
           // vm.$emit("footerTitle",false)
           vm.$parent.$data.showfooter=false
           console.log(vm.$parent.$data.showfooter) 
        })
    },
    beforeRouteLeave (to, from, next) {
            this.$parent.$data.showfooter=true
           next()
    },
    created() {
       
    },
    methods: {
        
    },
    components:{
       swiperComponent 
    }
}
</script>
<style scoped>
@import url("../../assets/css/info.css")
</style>


